
{if $quanzuobian == 0}
<!--左边圈子-->
<!--主要内容-->
			
<div class="d-kuan-240-bianhua d-piaofu">
	<div class="d-kuan d-beijing-baise d-xiala-kuang"  id="b2">
		<div class="d-zuoyou-10 d-kuan d-quxian-0">
			{if $quanliebiao == 0}
				<a href="{CLIENT_URL}"class="">
					<div style="height: 15px;"></div>
					<div class="{if $indexc} d-beijing-hei-f8 {else}d-jingguo-huise{/if} d-kuan d-buhuanhang  d-yuanjiao-10 d-neikuang-10">
						<div class="d-kuan-40">
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}quan/img/shouye5.png" height="25" width="25"/>
						</div>
						<div class="d-zuo-10 d-wenzi-16 d-shang-2 d-chaochu-biaoti-200">
							<div class="d-jiacu d-yincang-biaoti-bianhua ">
								首页
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				{module module=daohang order=inputtime_asc fstatus=1 catid=1 page=1 pagesize=7 return=t}
					<a {if $t.tzwz} href="{$t.tzwz}" {else} href="{dr_url($t.zmmc.'/home/index')}"{/if} {if $t.tiaozhuan == 1} target="_blank" {/if} class="">
						
						<div class="{if $_GET['s'] == $t.zmmc } d-beijing-hei-f8 {else}d-jingguo-huise{/if} d-kuan d-buhuanhang  d-yuanjiao-10 d-neikuang-10">
							<div class="d-kuan-40">
								<img class="d-yuanjiao-20" src="{dr_thumb($t.thumb)}" height="25" width="25"/>
							</div>
							<div class="d-zuo-10 d-wenzi-16 d-shang-2 d-chaochu-biaoti-200">
								<div class="d-jiacu d-yincang-biaoti-bianhua ">
									{$t.title}
								</div>
								
							</div>
						</div>
						<div class="d-clear"></div>
					</a>
				{/module}
			{/if}
			
			
			{if dr_is_app('wenda')}
			<div class="d-hanggao-30"></div>
			<a href="/index.php?s=wenda" class="">
				<div style="height: 15px;"></div>
				<div class="{if $_GET['s'] == 'wenda' }d-beijing-hei-f8 {else}d-jingguo-huise{/if} d-kuan d-buhuanhang  d-yuanjiao-10 d-neikuang-10">
					<div class="d-kuan-40">
						<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}wenda/images/wendalogo.png" height="40"/>
					</div>
					<div class="d-zuo-10 d-wenzi-12 d-shang-2 d-chaochu-biaoti-200">
						<div class="d-jiacu d-yincang-biaoti-bianhua ">
							问答
						</div>
						<div class=" d-zitiyanse-hui-96 d-buhuanhang">
							<span class="">
								帖子
								{count action=table table=1_wenda cid=$t.id return=tiezi}
								{$tiezi_count}
							</span>
							<span class="d-zuo-20 " >
								<div {if $member} id="module_joins_zuobian_1" {/if}>
								用户: {count action=table table=1_wenda_joins return=joins}
										{$joins_count}
								</div>
							</span>
						</div>
					</div>
				</div>
				<div class="d-clear"></div>
			</a>
			{/if}
			
			<!--样式收缩  d-div-zuo d-hanggao-30 d-beijing-hei-f8 d-neikuang-2-5 d-xia-5 d-yuanjiao-zuo-10-10 -->
			
			
			{if $daohangzhanshi =='1'}
				<div class="d-kuan d-buhuanhang d-shang-10" >
					<div class="d-kuan-50 d-div-zuo">
						{category module=quan show=1 pid=0}
							{if $t.show == 1}
								{if $t.child}
									<div id="segmentedControls" class="">
										{category module=quan pid=$t.id show=1 return=t2}
											{if $t2.show == 1}
												<a class="mui-control-item  d-div-zuo d-hanggao-30  d-neikuang-2-5 d-xia-5 d-yuanjiao-5 mui-active"  >{$t2.name}</a>
											{/if}
										{/category}
									</div>
								{/if}
								
							{/if}
						{/category}
					</div>
					<div id="segmentedControlContents" class="d-kuan d-div-you  d-yincang-biaoti-bianhua">
						{category module=quan show=1 pid=0}
							{if $t.show == 1}
								{if $t.child}
										{category module=quan pid=$t.id show=1 return=t2}
											{if $t2.show == 1}
											{$i1}
											<div  class="mui-control-content d-daoyincang d-neikuang-2-5" >
												{module module=quan zt=1 daquan=1 zuo=1 fstatus=1 order=displayorder_asc catid=$t2.id return=quan}
													<div class="{if $quan.id == $_GET['id'] }d-beijing-hei-f8 {else}d-jingguo-huise{/if} d-kuan d-buhuanhang  d-yuanjiao-10 d-neikuang-10">
														
														
														<div class=" d-wenzi-12 d-shang-2 d-chaochu-biaoti-200">
															
															<a href="{$quan.url}" class="">
																<div class="d-buhuanhang">
																	<div class="d-kuan-20-0 d-you-5">
																		
																		{if $quan.thumb}
																		<img class="d-yuanjiao-20" src="{dr_thumb($quan.thumb)}" height="20" width="20"/>
																		{else}
																		<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}quan/img/xinping.png" height="20" width="20"/>
																		{/if}
																	</div>
																	<div class="d-jiacu d-yincang-biaoti-bianhua ">
																		{if $quan.price >0}
																			<span>
																				<img class="" src="{HOME_THEME_PATH}web/img/jinbi.svg" height="15" width="15"/>
																			</span>
																		{/if}
																		{dr_strcut($quan.title, 18)}
																	</div>
																</div>
															<div class=" d-zitiyanse-hui-96">
																<span class="">
																	帖子
																	{count action=table table=1_quan_form_son cid=$quan.id return=tiezi}
																	{$tiezi_count}
																</span>
																<span class="d-zuo-20">
																	用户: {$quan.joins}
																</span>
															</div>
															{if $quan.zsjy == '1'}
																<div class="d-chaochu-2 d-zitiyanse-hui-96"><i class="fa fa-file-text-o"></i> : {dr_strcut($quan.description, 18)}</div>
															{/if}
															</a>
															{if  $quan.fabu == '1' || $quan.uid == $member.id}
															<div class="d-chaochu-2 d-zitiyanse-hui-96 d-shang-10">
																{php $jianjie = dr_strcut($quan.description, 18);}
																<a onclick="javascript:dr_add_son_fabu_tiezi({$quan.id},'{$jianjie}','{$quan.title}');" class="d-zitiyanse-hui-96">
																{if $quantiezitu}<img src="{dr_thumb($quantiezitu)}" width="20" height="20" class="d-you-3">{else}<i class="bi bi-chat d-you-3"></i>{/if} {if $quantieziname} {$quantieziname}{else} 发帖子{/if}
																</a>
																<a  onclick="javascript:dr_add_son_fabu({$quan.id});" class=" d-zuo-10 d-zitiyanse-hui-96">
																{if $quanwenzhangtu}<img src="{dr_thumb($quanwenzhangtu)}" width="20" height="20" class="d-you-3">{else}<i class="bi bi-journal-text d-you-3"></i>{/if} {if $quanwenzhangname} {$quanwenzhangname}{else} 发文章{/if}
																</a>
															</div>
															{/if}
														</div>
														
													</div>
													<div class="d-clear"></div>
												{/module}
											</div>
											{/if}
											
										{/category}
									
								{/if}
								
							{/if}
						{/category}
						
					</div>
				</div>
				
				
			{else}
			<!--展开样式-->
				{category module=quan show=1 pid=0}
				
				{if $t.zuobian == '1'}
					{if $t.show == 1}
						<!--div class=" d-yuanjiao-20 d-kuan d-wenzi-12 d-zuo-10">
							<div class="d-hanggao-30 d-jiacu">{$t.name}</div>
						</div-->
						
							{if $t.child}
							  {category module=quan pid=$t.id show=1 return=t2}
							  {if $t2.show == 1}
								  <div class=" d-yuanjiao-20 d-kuan d-wenzi-12 d-zitiyanse-hui d-zuo-10">
										<div class="d-hanggao-30">{if $t2.thumb}<img class="d-yuanjiao-20" src="{dr_thumb($t2.thumb)}" height="20" width="20"/> {/if}{$t2.name}</div>
									</div>
									{module module=quan zt=1 daquan=1 zuo=1 fstatus=1 order=displayorder_asc catid=$t2.id return=quan}
									
										
											<div class="{if $quan.id == $_GET['id'] }d-beijing-hei-f8 {else}d-jingguo-huise{/if} d-kuan d-buhuanhang  d-yuanjiao-10 d-neikuang-10">
												<a href="{$quan.url}" class="">
													<div class="d-kuan-40">
														{if $quan.thumb}
														<img class="d-yuanjiao-20" src="{dr_thumb($quan.thumb)}" height="40" width="40"/>
														{else}
														<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}quan/img/xinping.png" height="40" width="40"/>
														{/if}
													</div>
												</a>
												
												<div class="d-zuo-10 d-wenzi-12 d-shang-2 d-chaochu-biaoti-200">
													<a href="{$quan.url}" class="">
													<div class="d-jiacu d-yincang-biaoti-bianhua ">
														{if $quan.price >0}
															<span>
																<img class="" src="{HOME_THEME_PATH}web/img/jinbi.svg" height="15" width="15"/>
															</span>
														{/if}
														{dr_strcut($quan.title, 18)}
													</div>
													<div class=" d-zitiyanse-hui-96">
														<span class="">
															帖子
															{count action=table table=1_quan_form_son cid=$quan.id return=tiezi}
															{$tiezi_count}
														</span>
														<span class="d-zuo-20">
															用户: {$quan.joins}
														</span>
													</div>
													{if $quan.zsjy == '1'}
														<div class="d-chaochu-2 d-zitiyanse-hui-96"><i class="fa fa-file-text-o"></i> : {dr_strcut($quan.description, 18)}</div>
													{/if}
													</a>
													{if  $quan.fabu == '1' || $quan.uid == $member.id}
													<div class="d-chaochu-2 d-zitiyanse-hui-96 d-shang-10">
														{php $jianjie = dr_strcut($quan.description, 18);}
														<a onclick="javascript:dr_add_son_fabu_tiezi({$quan.id},'{$jianjie}','{$quan.title}');" class="d-zitiyanse-hui-96">
														{if $quantiezitu}<img src="{dr_thumb($quantiezitu)}" width="20" height="20" class="d-you-3">{else}<i class="bi bi-chat d-you-3"></i>{/if} {if $quantieziname} {$quantieziname}{else} 发帖子{/if}
														</a>
														<a  onclick="javascript:dr_add_son_fabu({$quan.id});" class=" d-zuo-10 d-zitiyanse-hui-96">
														{if $quanwenzhangtu}<img src="{dr_thumb($quanwenzhangtu)}" width="20" height="20" class="d-you-3">{else}<i class="bi bi-journal-text d-you-3"></i>{/if} {if $quanwenzhangname} {$quanwenzhangname}{else} 发文章{/if}
														</a>
													</div>
													{/if}
												</div>
												
											</div>
											<div class="d-clear"></div>
										
										
									{/module}
									{/if}
								{/category}
							{/if}
						{/if}
					{/if}
				{/category}
			{/if}
			<!--展开样式-->
		</div>
		<div class="d-clear"></div>

		<div class="d-kuan" style="height:200"></div>
	</div>
	
</div>
<div class="d-fabu d-fabu-shezhi" style="">
	<!--div class="col-xs-12 d-wenzi-juzhong d-quxian-0 d-shang-10">
	<div class="d-kuan d-neikuang-10" onclick="javascript:dr_add_son_fabu_tiezi_guanbi();"><i class="bi bi-x-circle-fill d-wenzi-18"></i></div>
	</div-->
	<div class="">
		<div class="">
			<div class="">
				
				<!--发布-->
				<form action="" class="" method="post" name="myformduan" id="myformduan">
				{$form}
				<input type="hidden" id="dr_row_jgtkg" name="data[jgtkg]" value="1">
				<input type="hidden" name="data[yuedumoshi]" value="1" >
				<div class="d-yuanjiao-20 d-kuan">
					<!--快捷发布-->
					<div class="d-kuan d-buhuanhang d-beijing-baise d-bianhua-10 d-yuanjiao-10 d-wenzi-14">
						<div class="d-kuan d-fabu d-yuanjiao-10">
							<div class="d-kuan d-fabu-neikuang-10">
								<div class="shuoming"><div id="d-quanzi-jianjie">...</div></div>
								<?php echo dr_fieldform('{"name":"内容","fieldname":"neirong","ismain":"1","fieldtype":"Editor","setting":{"option":{"show_bottom_boot":"0","imgtitle":"0","imgalt":"0","watermark":"0","image_ext":"jpg,gif,png,webp,jpeg","image_size":"10","attach_size":"200","attach_ext":"zip,rar,txt,doc","video_ext":"mp4","video_size":"500","attachment":"0","value":"","width":"100%","height":"100%","css":""},"validate":{"required":"0","pattern":"","errortips":"","check":"","filter":"","formattr":"","tips":""}},"ismember":"1"}', $t.neirong, 1, 1);?>
								
							</div>
							<!--div class="d-kuan d-fabu-kuan">
								<textarea id="dr_content" name="data[content]" class="d-fabu-neirong" maxlength="1000" tabindex="0" autocomplete="off" placeholder="分享工作中和生活中有趣、好玩、奇葩的事..." style="min-height: 90px; height: 90px;resize: none;"></textarea>
							</div-->
							<div class="d-kuan d-fabu-fenleis">
								<div class="pull-left d-shang-20 d-buhuanhang">
									<div id="d-quanzi-fenlei"></div>
									
									<!--span class="d-wenzi-12 d-neikuang-2-5 d-bian-1 d-yuanjiao-50 d-zitiyanse-hui d-xia-10">
										<i class="bi bi-record-circle"></i> 选择分类
									</span-->
									
									<!--span class="d-zuo-10 d-wenzi-12 d-neikuang-2-5 d-bian-1 d-yuanjiao-50 d-zitiyanse-hui d-xia-10">
										<i class="fa fa-file-photo-o"></i> 图片
										
									</span-->
									<?php echo dr_fieldform('{"name":"图片","fieldname":"jiugetu","ismain":"1","fieldtype":"Filesjiugetus","setting":{"option":{"size":"10","count":"50","ext":"jpg,gif,png","attachment":"0","image_reduce":"1000","is_ext_tips":"0","css":"height: 90px;"},"validate":{"required":"0","pattern":"","errortips":"","check":"","filter":"","formattr":"","tips":""}},"ismember":"1"}', $jiugetu, 1, 1);?>
									
								</div>
								<div class=" d-neikuang-10">
									<div class="d-zuo-10 pull-right" onclick="javascript:dr_add_son_fabu_tiezi_guanbi();"><i class="bi bi-x-circle-fill d-wenzi-18"></i></div>
									<button type="button" id="myButton" class="btn blue pull-right btn-sm">发 布</button>
								</div>
								<div class="d-clear"></div>
							</div>
						</div>
						
					</div>
					
				</div>
				</form>
				<!--发布-->
				
			</div>
		</div>
	</div>
</div>


<script type="text/javascript">
	
	//var contentsHeight = document.body.clientHeight;
	var contentsHeight = $(window).height(); //获取高度
	var h = contentsHeight;
	{if $daohangzhanshi =='1'}
	// 新增 data-index 值
	for (var i=0;i<$('#segmentedControls a').length;i++) {
	$('#segmentedControls a').eq(i).attr('data-index',i)	
	$('.mui-control-content').eq(i).attr('id',i)
	}
	{/if}
	
	//默认选中第一个
	/*var controls = document.getElementById("segmentedControls");
	controls.querySelector('.mui-control-item').classList.add('mui-active');*/
	
		
		
	
	document.getElementById("b2").style.height = h + 'px';
	$(document).ready(function() {
		window.aaa = 1;
		$('#myButton').click(function() {
			dr_fabu(aaa);
		    //alert(aaa);
			//console.log("ida",aaa);// 将显示 "Hello, world!"
		  });
		$('#b2').scroll(function(){
			// 当 #b2 滚动时, 以下的代码会被执行
			var scrollTop = $(this).scrollTop();  // 获取 #b2 的滚动高度
			//console.log(scrollTop);
			$.cookie('weatherTop2',scrollTop);// 保存高度
		});
		//console.log('高度',scrollTop);
	});
	var value = document.cookie;
	var top2 = value.split('weatherTop2=');
	//console.log('获取高度',top2[1]);
	//
	$('#b2').scrollTop(top2[1]);
	 var is_mobile_cms = false;
	/*全部*/
	function dr_add_son_fabu(id) { 
		{if $member}
			dr_iframe("{dr_lang('发布文章')}", "{dr_member_url('quan/son/add')}&cid="+id+"&kuai=1", '100%', '100%');
		{else}
		    showDialog();
		{/if}
	}
	$('.d-fabu').hide();
	function dr_add_son_fabu_tiezi(id,jianjie,title) {
		{if $member}
			$('.d-fabu').show();
			var fabuid = id;
			var jianjies = jianjie;
			var titles = title;
			window.aaa = id;
			$('#d-quanzi-jianjie').text('简介：《'+titles+'圈》'+jianjies);
			//栏目
			$.get('{SITE_URL}index.php?s=api&c=api&m=template&name=index-quanzi-fenlei.html&format=json&id='+id+'&'+Math.random(),function(res){
			   
				if(res.code==1){
					if (res.msg.indexOf("</div>") != -1) {
						$('#d-quanzi-fenlei').html(res.msg);
					} else {
						
					}
				}else{
					/*layer.msg(res.msg,{time:2500});*/
				}
			}, 'json');
		console.log("id",id);
		{else}
		    showDialog();
		{/if}
	}
	function dr_add_son_fabu_tiezi_guanbi(id) {
		$('.d-fabu').hide();
	}
	function dr_fabu(id) {
		dr_ajax_submit('{dr_member_url('quan/son/add', ['tid'=>'','kuai'=>1])}&cid='+id, 'myformduan', '0','{dr_now_url()}')
	}
	{if $daohangzhanshi =='1'}
	// 初始化时默认选中第一个选项
	 
	//console.log('daohangid',top2[1]);
	    var options = document.querySelectorAll('#segmentedControls .mui-control-item'); 
		const optionsArray = Array.from(options);
		//获取daohangid的cookie值
		let daohangidValue = Cookies.get('daohangid');
		//console.log("daohangidValue",daohangidValue);
		if(daohangidValue > 0){
				var daohangid = daohangidValue;
		} else {
				 var daohangid = 0;
				var d = new Date();
				d.setTime(d.getTime() + (365*24*60*60*1000)); // 设置过期时间为1年后  
				var expires = "expires=" + d.toUTCString();  
				document.cookie = "daohangid="+daohangid+"; " + expires + "; path=/";
				//let daohangid = 0;
		}
		//console.log("daohangid",daohangid);
		if (daohangid > 0) {  
		  options[Number(daohangid)].classList.add('d-beijing-hei-f8');
		} else {
			//options[0].classList.add('d-beijing-hei-f8');
		}
	      
	    var quans = document.querySelectorAll('.mui-control-content');
		
		if (daohangid > 0 ) {
		  quans[Number(daohangid)].classList.add('d-daoxianshi');
		  quans[Number(daohangid)].classList.remove('d-daoyincang'); 
		} else {
			//quans[0].classList.add('d-daoxianshi');
			//quans[0].classList.remove('d-daoyincang'); 
		}
	    
		
		//console.log("options",options);// 将显示 "Hello, world!"
		//console.log("quans",quans);// 将显示 "Hello, world!"
	    // 为每个选项添加点击事件监听器  
	    optionsArray.forEach(function(option) {  
	        option.addEventListener('click', function() {  
	            // 移除所有选项的 mui-active 类  
	            optionsArray.forEach(function(opt) {  
	                //opt.classList.remove('d-beijing-hei-f8');  
	            }); 
				quans.forEach(function(opt) {
				    opt.classList.remove('d-daoyincang');  
					opt.classList.remove('d-daoxianshi');  
					opt.classList.add('d-daoyincang'); 
					//console.log('opt',opt)
				});  
				// 存储点击id
				var daohangid = optionsArray.indexOf(this);
				var d = new Date();  
				d.setTime(d.getTime() + (365*24*60*60*1000)); // 设置过期时间为1年后  
				var expires = "expires=" + d.toUTCString();  
				document.cookie = "daohangid="+daohangid+"; " + expires + "; path=/";
	            // 给被点击的选项添加 mui-active 类  
	            //this.classList.add('d-beijing-hei-f8');
				// console.log('classList',optionsArray.indexOf(this))
				var correspondingContent = quans[optionsArray.indexOf(this)];  // 找到被点击选项对应的内容  
				//console.log('correspondingContent',correspondingContent)
				    correspondingContent.classList.add('d-daoxianshi');  // 显示被点击选项对应的内容  
				    correspondingContent.classList.remove('d-daoyincang');  // 确保被点击的内容是显示的  
	        });  
	    });
    {/if}
</script>
{/if}
<style>
	*, :after, :before {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
		scrollbar-color: #62464600 #b3353500;
	}
	.d-fabu-shezhi {
	    z-index: 999999;
	    position: fixed;
		justify-content: center;
		top: 50%;
		left: 50%;
	    /*bottom: 0px;*/
	    width: 700px;
	    /*height: 270px;*/
	    overflow: auto;
	    background: #ffffff;
	    transform: translate(-50%, -50%);
	    box-shadow: 0 0 20px #d6d6d6;
	    background-color: rgba(255, 255, 255, 1.0);
		border-radius: 10px;
	}
	.d-fabu-tiezi{
		
		transform: translate(-50%, -50%);
	}
	.d-fabu-fenleis {
	    padding-left: 10px;
	    padding-bottom: 10px;
	    resize: none;
	    border: none;
	}
	.d-fabu {
	    padding-top: 0px;
	    border: 1px solid #ddd;
	    /* padding-bottom: 10px; */
	}
	.form-control-fabu {
		
		/*width: 100%;*/
		/*height: 34px;*/
		font-size: 12px;
		padding: 2px 2px;
		/*background-color: #f3f4f7;*/
		border: 1px solid #f3f4f7;
		border-radius: 50px;
		/*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
		
	}
	.form-control-fabu select {
	    background: #efefef;;
	    border-color: #ffffff;
		border-radius: 50px;
	    color: #333;
		font-size: 12px;
	    padding: 0px;
	}
	.form-control-fabu option {
	    font-weight: normal;
	    display: block;
	    white-space-collapse: collapse;
	    text-wrap: nowrap;
	    min-height: 1.2em;
	    padding: 0px 2px 1px;
	}
	.d-yincang-wenzi-jiugetu {
		display: none
	}
	.d-yincang-tu-jiugetu {
		display: none
	}
	.d-anniu-jiugetu {
		margin-top: 2px;
	    padding: 2px 7px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 50px;
		float: left!important;
		background-color: #efefef;
		color: #aaaaaa;
	}
	#fileupload_jiugetu {
		float: left!important;
	}
	.preview {
	    height: 55px;
	    border: 1px solid #f5f5f5;
	}
	.files_row .preview img {
	    max-height: 40px;
	    overflow: hidden;
	}
	.note-toolbar {
		display: none
	}
	.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
	    padding: 0px;
	    overflow: auto;
	    word-wrap: break-word;
		min-height: 100px;
	}
	.note-statusbar {
		display: none
	}
	.d-fabu-neikuang-10 {
		padding: 10px 10px 0 10px;
	}
	.panel {
	    margin-bottom: 0px;
	    background-color: #fff;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	}
	.note-editable hr, .note-editable p {
	    margin: 2px 0;
	}
	.note-editor.note-frame, .note-editor.note-airframe {
		
	    border: 1px solid #ffffff;
	    border-radius: 4px;
	}
	.note-editable {
	  position: relative;
	}
	
	.note-editable:hover {
	  outline: none;
	  ::placeholder {
	    visibility: hidden;
	  }
	.shuoming {
		left: 0;
		top: 10px;
		position: fixed;
		width: 100px;
		  height: 100px;
	}
	/**/
	.mui-active{
		background-color: #999999;
	}
	.mui-table-view {
		width: 100%;
		
	}
	

</style>
